.header {
    width: 100%;
    height: 256rpx;

    .content {
        z-index: 99;
    }

    image.bg {
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
    }

    .header-date {
        color: #fff;
        font-size: 40rpx;
        font-weight: 600;
        margin-bottom: 16rpx;
    }

    .header-countdown {
        background: #fff;
        border-radius: 40rpx;
        width: 500rpx;
        height: 52rpx;

        .countdown-prompt {
            color: #f8681f;
            font-size: 20rpx;
        }
    }
}

.goods-wrap {
    margin: 44rpx 24rpx 0;

    .goods-countdown {
        font-size: 26rpx;

        /deep/ .uni-countdown {
            .uni-countdown__number {
                font-size: 26rpx;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .uni-countdown__splitor {
                font-size: 26rpx;
            }
        }
    }

    .goods-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 100%;
        width: 56rpx;
        height: 56rpx;
        font-size: 30rpx;
        font-weight: 600;
    }
}

.link-activity {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 310rpx;
    height: 60rpx;
    width: 152rpx;
    border-radius: 200rpx 0 0 200rpx;
    font-size: 20rpx;

    .link-activity-text {
        margin-left: 12rpx;
    }
}

// 弹出层
@import "@/common/styles/activity/pop.scss";